<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link  href="{$module_path}/resource/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link  href="{$module_path}/resource/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link  href="{$module_path}/resource/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
    <link  href="{$module_path}/resource/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
    <link  href="{$module_path}/resource/datePicker.css" rel="stylesheet" type="text/css"/>
    <link  rel="stylesheet" type="text/css" href="{$module_path}/resource/semantic.min.css">
    <link  href="{$module_path}/resource/output.css" rel="stylesheet" type="text/css"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <script src="{$module_path}/resource/jquery-3.0.0.min.js"></script>
    <script src="{$module_path}/resource/bootstrap.min.js"></script>
    <script src="{$module_path}/resource/jquery.min.js"></script>
    <script src="{$module_path}/resource/date_input.js"></script>
    <script src="{$module_path}/resource/semantic.min.js"></script>

    <script type="text/javascript">
        $(function(){
            $('#datePicker').date_input();
        })
    </script>
    <script>
        var Day_url = '{AnUrl("/cinema_h5/day")}';
        var Month_url = '{AnUrl("/cinema_h5/month")}';
        var Season_url = '{AnUrl("/cinema_h5/season")}';
        var Myinfo_url = '{AnUrl("/cinema_h5/myinfo")}';
    </script>

</head>
<body>

<div  class = "text-center">
    <div class="page_title" style="text-align:center">
        <span class="user_name"  name="user_name">影院专员：{$user_name}</span>
        <span class="ur_outstanding">您的业绩</span>
        <HR  width="100%" color=#000000 SIZE=2>
    </div>

    <p></p>

    <div class="center-block" >

        <ol class="breadcrumb" id="duration">
            <li class="filter" id="today"><a href="#">本日 &nbsp &nbsp &nbsp</a></li>
            <li class="filter" id="month"><a href="#"> &nbsp &nbsp &nbsp 本月  &nbsp &nbsp &nbsp</a></li>
            <li class="filter" id="season"><a href="#">&nbsp &nbsp &nbsp本季</a></li>
        </ol>

        <p></p>

        <form action="cinema_h5" method="get" class="js_focusSearchForm">
        <div id="date" text-align="center">

            <span id="yesterday"   class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
            <input type="text" id="datePicker" class="date_picker" placeholder={$day_pick}>
            <span id="tomorrow"   class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
        </div>
        </form>

        <table id="table1" >
            <tr>
                <td>进货单量/单</td>
                <td>进货金额/元</td>
            </tr>
            <tr>
                <td id="output_amount">{$output['amount']}</td>
                <td id="output_money">{$output['money']}</td>
            </tr>
        </table>

        <div class="center-block"   id="table2">
                <table >

                <div class="btn-group" role="group" aria-label="..." text-align="center">
                    <ul class="nav nav-pills ">
                        <li role="presentation"><a>门店情况</a></li>
                    </ul>
                </div>


                <p></p>
                <div class="btn-group" role="group" aria-label="..." text-align="center">
                    <ul class="nav nav-pills ">
                        <li ><a class="no">{$total}</a><p class="help-block"><small>签约门店总数</small></p></li>
                    </ul>
                </div>
                <p></p>
                <div class="btn-group" role="group" aria-label="..." text-align="center">
                    <ul class="nav nav-pills ">
                        <li ><a class="no" >{$add_day}</a><p class="help-block"><small>今日新增门店数</small></p></li>
                        <li ><a class="no">{$add_month}</a><p class="help-block"><small>本月新增门店数</small></p></li>
                        <li ><a class="no">{$add_season}</a><p class="help-block"><small>本季新增门店数</small></p></li>
                    </ul>
                </div>
                </table>
                <HR  width="100%" color=#000000 SIZE=2>
         </div>


    <table id="table_bottom">
        <tr>
            <td><button id="output"  type="button"><span class="glyphicon glyphicon-yen" aria-hidden="true"></span></button></td>
            <td><button id="cinema"  type="button"><span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span></button></td>
            <td><button id="newsigh" type="button"><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span></button></td>
            <td><button id="myinfo"  type="button"><span class="glyphicon glyphicon-apple" aria-hidden="true"></span></button></td>
        </tr>

        <tr>
            <td><p class="help-d">业绩</p></td>
            <td><p class="help-d">影院</p></td>
            <td><p class="help-d">签约</p></td>
            <td><p class="help-d">我的</p></td>
        </tr>
    </table>

</div>

</div>
<!-- 为什么放到前面head里不好用？？？ -->
<script type="text/javascript" src="{$module_path}/resource/output.js"></script>

</body>

</html>
<script>

    $('#yesterday').click(function(){
        //获取值

        //alert($('#datePicker').val());
        if($('#datePicker').val() !== '') {
            var date = $('#datePicker').val();
        }else{
            var my = new Date();
            var date = my.getFullYear()+ "-"+(my.getMonth()+1) + "-"+my.getDate();
        }

        var str = date.split('-');

        var dd = new Date;
        dd.setFullYear(str[0],str[1]-1,str[2]);
        dd.setDate(dd.getDate()-1);

        // $('#datePicker').attr("value",dd.getFullYear()+ "-"+(dd.getMonth()+1) + "-"+dd.getDate());

        $('#datePicker').val(dd.getFullYear()+ "-"+(dd.getMonth()+1) + "-"+dd.getDate()).change();

    }) ;

    $('#tomorrow').click(function(){
        //获取值

        //alert($('#datePicker').val());
        if($('#datePicker').val() !== '') {
            var date = $('#datePicker').val();
        }else{
            var my = new Date();
            var date = my.getFullYear()+ "-"+(my.getMonth()+1) + "-"+my.getDate();
        }

        var str = date.split('-');

        var dd = new Date;
        dd.setFullYear(str[0],str[1]-1,str[2]);
        dd.setDate(dd.getDate()+1);

        // $('#datePicker').attr("value",dd.getFullYear()+ "-"+(dd.getMonth()+1) + "-"+dd.getDate());


        $('#datePicker').val(dd.getFullYear()+ "-"+(dd.getMonth()+1) + "-"+dd.getDate()).change();

    }) ;

</script>
